<template>
  <div class="contain">
    <div class="header">
      <!-- <img src="@/assets/img/logo.png" alt="图片正在加载" />
      <h1>fcewvrewbre</h1> -->
    </div>
    <div class="content">
      <slot name="content"></slot>
    </div>
  </div>
</template>

<script lang="ts">
import { Component, Vue } from "vue-property-decorator"
@Component({
  components: {}
})
export default class LayoutHeader extends Vue {
}
</script>

<style lang="scss">
.contain {
  display: flex;
  flex-direction: column;
  .header {
    width: 300px;
    display: flex;
    align-items: center;
    img {
      width: 50px;
      height: 50px;
      border-radius: 50%;
      border: 2px solid rgb(34, 56, 66);
    }
  }
  
}
</style>



